<template>
    <div class="head">
        <div class="">
            <van-tabs v-model="active">
                <van-tab title="推荐音乐">
                    <songlist></songlist>
                </van-tab>
                <van-tab title="排行榜">
                    <hotsong></hotsong>
                </van-tab>
                <van-tab title="搜索">
                    <search></search>
                </van-tab>
            </van-tabs>
        </div>
    </div>
</template>
<script>
    import songlist from "../components/songlist.vue";
    import hotsong from "../components/hotsong.vue";
    import search from "../components/search.vue";
    export default {
        components:{
            songlist,hotsong,search,
        },
        data() {
            return {
                active: 0,
            };
        },
    };
</script>
<style lang="less" scoped>
    /deep/ .van-tab--active {
        color: orange;
    }
</style>
